<template>
    <div>
        <van-nav-bar
            title="砍价列表"
            left-arrow
             @click-left="$router.back()"
        />
        <div>
            <!--v-for循环循环对象的时候有三个参数 第一个是键值对的值 第二个是键值对的键 第三个是下标-->
            <my-card v-for="item in list" :key="item.id" :item="item"></my-card>
        </div>
    </div>
</template>

<script>
import myCard from '@/components/myCard/myCard'
import { getKjList } from '@/api/home'
export default {
    name: '',
    components: {
        myCard
    },
    data() { 
        return {
            list: {}
        }
    },
    created() {
        getKjList().then(res => {
            // console.log(res);
            this.list = res.data.goodsMap
        })
    },
    methods:{

    },
 }
</script>
// >>> css的样式穿透方法 /deep/是scss的样式穿透方法
<style scoped lang="scss">

/deep/ .van-nav-bar .van-icon {
    color: #333 !important;
}
</style>